<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>报告</title>
    <link rel="stylesheet" type="text/css" href="/static/css/report.css">
    <link rel="stylesheet" type="text/css" href="/static/css/share.css">
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/js/render.js"></script>
    <script type="text/javascript" src="/static/js/report.js"></script>
    <script type="text/javascript">
        $(function(){
          $('.outside li span em').click(function(){
            if(!$(this).is('.input')){
              $(this).addClass('input').html('<input type="text" value="'+ $(this).text() +'" />').find('input').focus().blur(function(){
                $(this).parent().removeClass('input').html($(this).val() || 0);
              });
            }
          }).hover(function(){
            $(this).addClass('hover');
          },function(){
            $(this).removeClass('hover');
          });
        });

    </script>
</head>

<body>
    <div class="Home_page">
        <div class="container">
            <div class="logo"></div>
        </div>
    </div>
    <!-- 主页面 -->
    <div class="page">
        <div class="container">
            <!-- 基本信息 -->
            <div class="essential common">
                <h3><img src="/static/images/essential.png" height="27" width="131" alt="" /></h3>
                <div class="sheet">
                    <ul class="outside">
                        <li class="Project_name">
                            <span>项目名称:</span>
                            <input id="name" type="text" value="" />
                            <i></i>
                        </li>
                        <li class="pag_tab">
                            <span>标&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp签:<em id="tags"></em></span>
                        </li>
                        <li class="columns">
                            <span class="pag_left">开&nbsp&nbsp发&nbsp&nbsp者：<em id="dever"></em></span>
                            <span class="pag_right">初始版本：<em id="initVer"></em></span>
                        </li>
                        <li class="columns">
                            <span class="pag_left">稳定版本：<em id="stableVer"></em></span>
                            <span class="pag_right">开发状态：<em id="devStat"></em></span>
                        </li>
                        <li class="columns">
                            <span class="pag_left">编程语言：<em id="codeLangs"></em></span>
                            <span class="pag_right">操作系统：<em id="os"></em></span>
                        </li>
                        <li class="columns">
                            <span class="pag_left">类&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp型：<em id="type"></em></span>
                            <span class="pag_right">许可协议：<em id="license"></em></span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 社区信息 -->
            <div class="community common">
                <h3><img src="/static/images/community.png" height="27" width="131" /></h3>
                <ul class="counter_mark clearfix">
                    <li>总提交数: <span id="commits"></span></li>
                    <li>贡献者总数: <span id="contributors"></span></li>
                    <li>代码分支: <span id="branches"></span></li>
                    <li>版本数: <span id="releases"></span></li>
                </ul>
                <div class="co_chart">
                    <div class="contributor renovate">
                        <h4></h4>
                        <img id="commits_contributors_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                        <div id="commits_contributors" style="width: 659px; height: 350px; display: inline-block;"></div>
                        <!-- <span></span> -->
                    </div>
                    <div class="contributory renovate">
                        <h4></h4>
                        <img id="contributors_level_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                        <div id="contributors_level" style="width: 321px; height: 350px; display: inline-block;"></div>
                        <!-- <span></span> -->
                    </div>
                </div>
            </div>
            <!-- 关注度 -->
            <div class="attention common">
                <h3><img src="/static/images/attention.png" height="27" width="103" /></h3>
                <ul class="counter_mark clearfix">
                    <li>最近30天 : <span id="last30day"></span></li>
                    <li>最近12个月: <span id="last12month"></span></li>
                </ul>
                <ul class="github">
                    <li>
                        <div class="rate renovate">
                            <h4></h4>
                            <img id="activity_git_stat_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_git_stat" style="width: 300px;height: 272px;"></div>
                            <!-- <img src="/static/images/G_rate_ chart.png" height="233" width="259" alt="" class="G_rate" /> -->
                        </div>
                    </li>
                    <li>
                        <div class="request renovate">
                            <h4></h4>
                            <img id="activity_git_pull_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_git_pull" style="width: 300px;height: 272px;"></div>
                            <!-- <img src="/static/images/G_request_chart.png" height="239" width="245" class="G_request" /> -->
                        </div>
                    </li>
                    <li>
                        <div class="Issues renovate">
                            <h4></h4>
                            <img id="activity_git_issues_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_git_issues" style="width: 300px;height: 272px;"></div>
                            <!-- <img src="/static/images/G_Issues_ chart.png" height="243" width="180" class="G_Issues" /> -->
                        </div>
                    </li>
                </ul>
                <ul class="news">
                    <li class="color yellow">
                        <div class="book renovate">
                            <h4></h4>
                            <img id="activity_blogs_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_blogs" style="width: 450px;height: 250px;"></div>
                            <!-- <img src="/static/images/G_book_ chart.png" height="225" width="439" class="G_book" /> -->
                        </div>
                    </li>
                    <li class="color green">
                        <div class="G_serach renovate">
                            <h4></h4>
                            <img id="activity_bbs_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_bbs" style="width: 450px;height: 250px;"></div>
                            <!-- <img src="/static/images/G_serach_ chart.png" height="225" width="443" class="G_book" /> -->
                        </div>
                    </li>
                    <li class="color blue">
                        <div class="G_forum renovate">
                            <h4></h4>
                            <img id="activity_books_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_books" style="width: 450px;height: 250px;"></div>
                            <!-- <img src="/static/images/G_forum_ chart.png" height="225" width="439" class="G_book" /> -->
                        </div>
                    </li>
                    <li class="G_blog red color">
                        <div class="book renovate">
                            <h4></h4>
                            <img id="activity_searchs_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="activity_searchs" style="width: 450px;height: 250px;"></div>
                            <!-- <img src="/static/images/G_blog_ chart.png" height="225" width="439" class="G_book" /> -->
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 代码信息 -->
            <div class="code_information common">
                <h3><img src="/static/images/code.png" height="28" width="137" /></h3>
                <ul class="counter_mark clearfix">
                    <li class="">总行数 : <span id="lines"></span></li>
                    <li class="">语言种类 : <span id="languages"></span></li>
                    <li class="hide">代码行 : <span id="codes"></span></li>
                    <li class="hide">注释行 : <span id="comments"></span></li>
                    <li class="hide">空行 : <span id="blanks"></span></li>
                    <li class="hide">代码占比 : <span id="pcode"></span></li>
                    <li class="hide">注释占比 : <span id="pcomment"></span></li>
                    <li class="hide">空行占比 : <span id="pblank"></span></li>
                </ul>
                <ul class="lang">
                    <li>
                        <div class="lang_o renovate">
                            <h4></h4>
                            <img id="code_info_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="code_info" style="width: 479px;height: 256px"></div>
                            <!-- <img src="/static/images/lang_ chart.png" height="202" width="233" class="lang_T" /> -->
                        </div>
                    </li>
                    <li>
                        <div class="lang_o renovate">
                            <h4></h4>
                            <img id="code_languages_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                            <div id="code_languages" style="width: 479px;height: 256px"></div>
                            <!-- <img src="/static/images/lang_t_ chart.png" height="202" width="226" class="lang_T" /> -->
                        </div>
                    </li>
                </ul>
                <div class="time renovate">
                    <h4></h4>
                    <img id="code_by_date_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                    <div id="code_by_date" style="width: 960px;height: 398px"></div>
                    <!-- <img src="/static/images/time_ chart.png" height="398" width="760" class="time_chart" /> -->
                </div>
                <div class="time_code renovate">
                    <h4></h4>
                    <img id="code_by_tag_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                    <div id="code_by_tag" style="width: 960px;height: 398px"></div>
                    <!-- <img src="/static/images/lang_code_ chart.png" height="222" width="616" class="lang_code" /> -->
                </div>
            </div>
            <!-- 安全性 -->
            <div class="safety common">
                <h3><img src="/static/images/safety.png" height="28" width="103" /></h3>
                <div class="counter_mark clearfix"></div>
                <div class="scheme">
                    <div class="safe_one renovate">
                        <h4></h4>
                        <img id="security_info_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                        <div id="security_info" style="width: 661px; height: 280px;"></div>
                        <!-- <img src="/static/images/safe_one_ chart.png" height="222" width="641" class="safe_o_chart" /> -->
                    </div>
                    <div class="safe_two renovate">
                        <h4></h4>
                        <img id="security_level_fresh" src="/static/images/renovate.png" height="24" width="24" alt="" class="ren" title="刷新"/>
                        <div id="security_level" style="width: 298px; height: 280px;"></div>
                        <!-- <img src="/static/images/safe_two_ chart.png" height="167" width="167" class="safe_t_chart" /> -->
                    </div>
                </div>
                <div class="leak">
                    <h4 class="flaw"></h4>
                    <span class="flaw_border">
						<ul class="hole clearfix">
							<li>漏洞编号</li>
							<li>漏洞等级</li>
							<li>发布时间</li>
							<li>详情</li>
						</ul>
						<ul id="security_list" class="loophole clearfix">
							<!-- <li class="loophole_color">
                                <ul class="detail">
                                    <li>CVE-2017-4967</li>
                                    <li><img src="/static/images/grade.png" height="59" width="104" alt="" /></li>
                                    <li>2017-09-10</li>
                                    <li><a href="javasrcipt:;">在1.6.4之前，用于Pivotal Cloud Foundry（PCF）1.6.x的RabbitMQ中.....</a></li>
                                </ul>
                            </li>
                            <li class="loophole_color">
                                <ul class="detail">
                                    <li>CVE-2017-4967</li>
                                    <li><img src="/static/images/grade.png" height="59" width="104" alt="" /></li>
                                    <li>2017-09-10</li>
                                    <li><a href="javasrcipt:;">在1.6.4之前，用于Pivotal Cloud Foundry（PCF）1.6.x的RabbitMQ中.....</a></li>
                                </ul>
                            </li>
                            <li class="loophole_color">
                                <ul class="detail">
                                    <li>CVE-2017-4967</li>
                                    <li><img src="/static/images/grade.png" height="59" width="104" alt="" /></li>
                                    <li>2017-09-10</li>
                                    <li><a href="javasrcipt:;">在1.6.4之前，用于Pivotal Cloud Foundry（PCF）1.6.x的RabbitMQ中.....</a></li>
                                </ul>
                            </li> -->
						</ul>
					</span>
                </div>
            </div>
        </div>
        <br />
        <br />
        <br />
    </div>
</body>

</html>